<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			在进行数据交互的时候，必须使用axios，这两个库是相辅相成
		-->
		<script type="text/javascript" src="js/axios.min.js" ></script>
		<script type="text/javascript" src="js/vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			
		</div>
	</body>
	<script type="text/javascript">
		
		var vm = new Vue({
			el:"#app",
			// 进行前后端的数据交互，必须写到mounted
			mounted:function(){
				
				axios({
					url:"myJson.json",
					method:"get"
				})
				.then(function(data){
					// 需要注意：vue交互的时候，比jq，多了一层，需要多解析一个data
					console.log(data.data)
//					alert("交互成功 ")
				})
				.catch(function(){
					alert('交互失败')
				})
				
				
			}
			
			
		})
		
		
		
	</script>
</html>
